昨天我們學會了 HTML 的基本結構、文字標籤與清單，做了一個自我介紹。
今天要再進一步，學習如何在網頁中插入圖片、建立超連結，以及整理資料用的表格，做一個簡單的旅遊景點介紹。

1. 圖片 < img >
• 用來在網頁中顯示圖片。
• 是 單標籤 (self-closing tag)，不需要 < /img >。
• 常用屬性：
src：圖片路徑（來源）
alt：替代文字（圖片無法顯示時顯示的內容）
width / height：控制圖片大小

💡顯示一張寬度 200px 的圖片。

📌 補充說明：圖片檔路徑
• 在 HTML 中，src="img/okinawa.jpg" 表示圖片檔存放在 專案資料夾裡的 img 資料夾。

二、超連結 < a >
• 用來建立可點擊的連結。
• 常用屬性：
href：連結目標網址
target="_blank"：新視窗開啟連結

💡點擊「Google」就能在新視窗開啟 Google 首頁。

三、表格 < table >
• 用來呈現結構化資料，例如課表、成績單。
• 基本組成：
< table >：表格容器
< tr >：表格的「列」 (table row)
< th >：表格標題欄位 (table header)
< td >：表格資料欄位 (table data)

💡border="1" 會加上簡單的邊框。

今天我們學會了圖片、連結和表格。圖片能讓內容更有畫面感，連結可以把我們帶到更遠的地方，表格則能幫助整理資料。現在，就讓我們把這些東西放在一起，完成一個屬於自己的「旅遊計畫頁面」吧！

任務完成！今天我們透過 HTML 成功建立了一個小型的旅遊計畫頁面：先簡單介紹了景點，放上圖片，再加上能點擊的超連結，最後用表格規劃完整的旅遊行程。這樣的網頁不只更生動，也更有條理！